

    var section = document.querySelector(".web section"),
	    footer = document.querySelector(".web footer"),
	    search_page = document.querySelector(".web .search_page"),
	    search_key = document.querySelector(".search_page .search_key");
	    search_result = document.querySelector(".search_page .search_result"),
	    leftcontent = document.querySelector(".web .leftcontent"),
	    login = document.querySelector(".leftcontent .login"),
	    profile = document.querySelector(".profile"),
	    searchBtn = document.querySelector(".web header .search"),
	    searCloseBtn = document.querySelector(".search_page #search_close"),
	    searResultBtn = document.querySelector(".search_page .icon-search1"),
	    resultCloseBtn = document.querySelector(".search_result #search_close"),
	    menuBtn = document.querySelector("header .menu"),
	    leftCloseBtn = document.querySelector(".login .close"),
	    loginBtn = document.querySelector(".denglu"),
	    turn = document.querySelector(".turn"),
	    profileBtn = document.querySelector(".profile .close");
	
	
	/**搜索页面跳转**/
	searchBtn.addEventListener("click",function(){
		search_page.style.webkitTransform="translateY(0)";
	});
	/**关闭搜索页**/
	searCloseBtn.addEventListener("click",function(){
		search_page.style.webkitTransform="translateY(-100%)";
	});
	
	/**搜索结果页面跳转**/
	searResultBtn.addEventListener("click",function(){
		search_result.style.left="0";
	});
	/**关闭结果搜索页**/
	resultCloseBtn.addEventListener("click",function(){
		search_page.style.webkitTransform="translateY(-100%)";
		search_result.style.left="-100%";
	});

    /**跳转到登录页面**/
    menuBtn.addEventListener("click",function(){
    	leftcontent.style.left="0";
    });
    leftCloseBtn.addEventListener("click",function(){
    	leftcontent.style.left="-100%";
    });
    
    /**跳转到已登录**/
   loginBtn.addEventListener("click",function(){
   	    profile.style.right="0";
   });
   
   turn.addEventListener("click",function(){
   	    profile.style.right="100%";
   });
   profileBtn.addEventListener("click",function(){
    	leftcontent.style.left="-100%";
   	    profile.style.right="100%";
   });